<script type="text/javascript">
	$(function() {
		//run the currently selected effect
		function runEffect(id){
			var options = {};
			$("#"+id).show('blind',options,500);
		};
		function closeEffect(id){
			var options = {};
			$("#"+id).hide('blind',options,500);
		};
		$(".side_menu_button").click(function() {
			if ($("#"+$(this).attr("id") + "-content:visible").length == 0){
				runEffect($(this).attr("id") + "-content");
			}else{
				closeEffect($(this).attr("id") + "-content");
			}
		});
		$(".side_menu_item .subside_menu_button").hide();
	});
</script>

<div class ="side_menu_item" id="werking">
	<div class="side_menu_button" id="werking">Werking</div>
	<div id="werking-content" class="subside_menu_button">
		<div>><a href="#"> Introduction</a></div>
		<div>><a href="#"> About us</a></div>
	</div>
</div>
<div class ="side_menu_item" id="levert">
	<div class="side_menu_button" id="levert">Wat levert het op?</div>
	<div id="levert-content" class="subside_menu_button">
		<div>><a href="#"> FAQ</a></div>
	</div>
</div>
<div class ="side_menu_item" id="voorbeelden">
	<div class="side_menu_button" id="voorbeelden">Voorbeelden</div>
	<div id="voorbeelden-content" class="subside_menu_button">
		<div>><a href="#"> Web 3.0</a></div>
		<div>><a href="#"> Up-to-date ?</a></div>
		<div>><a href="#"> Gepersonaliseerd</a></div>
		<div>><a href="#"> Sales & Marketing</a></div>
		<div>><a href="#"> Begeleiding</a></div>
	</div>
</div>